"use client";

import { Button } from "@/components/ui/button";
import { usePresentationState } from "@/states/presentation-state";

export function PresentModeHeader({ showHeader, presentationTitle }) {
  return (
    <div>
      <div>
        <div>
          <div>
            <div>
              {presentationTitle}
            </div>
            &lt;Button
              variant="ghost"
              className="text-white hover:bg-white/20"
              onClick={() =&gt;
                usePresentationState.getState().setIsPresenting(false)
              }
            &gt;
              Exit Presentation
            &lt;/Button&gt;
          </div>
        </div>
      </div>
    </div>
  );
}
